﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <link href="Content/Site.css" rel="stylesheet" />
    <title>Places search box</title>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
    <script src="Scripts/myscript.js"></script>
</head>
<body>
    <div style="width: 800px; height: 600px">

        <div id="map-canvas" style="float: left; background-color: #09C; width: 600px; height: 600px"></div>

        <div style="float: right; width: 150px; height: 100%;">
            <h5>Tìm địa điểm</h5>
            <input id="pac-input" class="controls" type="text" placeholder="Search Box">
            <h5>Tìm đường đi</h5>
            <h5>A</h5>
            <input id="start">
            <h5>B</h5>
            <input id="end">
            <button onclick="setApBp()">xxx</button>
            <div id="directionsPanel" style="float: right; width: 30%; height 100%">
                <button onclick="timduong()">Tim Duong Di</button>
                <button onclick="deleteMarkers()">Xoa Marker tim duong</button>
                <select id="mode" onchange="timduong()">
                    <option value="DRIVING">Driving</option>
                    <option value="WALKING">Walking</option>
                    <option value="BICYCLING">Bicycling</option>
                    <option value="TRANSIT">Transit</option>
                </select>
            </div>


        </div>
</body>
</html>
